<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="./b2c/lib/weui/weui.css">
    <link rel="stylesheet" href="./b2c/lib/weui/jquery-weui.css">
    <link rel="stylesheet" href="./b2c/lib/ydui/ydui.css">
    <!--引入swipper.css-->
    <link rel="stylesheet" href="./b2c/lib/swiper/swiper-3.3.1.min.css">
    <!--引入jquery-->
    <script src="./b2c/lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="./b2c/lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="./b2c/lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="./b2c/lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="./b2c/lib/template/handlebars-v4.0.5.js"></script>
    <!--引用的百度地图key值-->

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4db33474ec27b44d62fee1fa39982bc5"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="./b2c/lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="./b2c/lib/common/common.js"></script>


    <!--引入单独的css-->
    <link rel="stylesheet" href="./b2c/css/home/index.css">
</head>
<body>
    <div id="home">
        <div id='allmap'></div>
        <!--banner-->
        <div class="home-banner" onclick="storeDetails()">
            <div class="home-icon clearfix">
                <div class="fl location">
                    <img src="b2c/images/home/dingwei@2x.png" alt="">
                    <span id="address"></span>
                </div>

            </div>

        </div>
        <!--/banner-->
        <div class="linear"></div>
        <!--店铺信息-->
        <div class="storeInfo clearfix">
            <div class="storeLogo fl" onclick="storeDetails()">
                <img src="" alt="">
            </div>
            <div class="storeName fl">
                <span></span>
            </div>
            <div class="storeTel fr">
                <img src="./b2c/images/home/dianhua@2x.png" alt="">
                <a href="">联系客服</a>
            </div>
        </div>
        <div class="linear"></div>
        <!--优惠券-->
        <div class="home-coupon" v-if="couponsList.length>0">
            <div class="home-couponWrap">
                <p class="notice">先领券，再购物</p>
                <div class="coupon">
                    <ul class="couponWrap" :style="'width:'+3.3*couponsList.length+'rem'">

                        <li v-for="value in couponsList" :style="'background-image:url('+value.backgroundPath+')'" @click="coupons(value.promotionDetailId)">
                            <div class="coupon-top container">
                                <div class="">
                                    <span v-cloak>{{value.amount}}</span>元
                                </div>
                                <div class="" v-cloak>
                                    满{{value.limited}}使用
                                </div>
                            </div>
                            <div class="coupon-bottom container">
                                <p class="small-font">{{value.text}}</p>
                            </div>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <!--优惠券-->
        <div class="linear"></div>
        <!--热销单品-->
        <div class="hotGoods">
            <div class="clasify-hred">
                <div class="left">
                    <span class="left-1">热销单品</span>|<span class="left-2">Hot Sell</span>
                </div>
            </div>
            <ul class="hot-list-box clearfix" id="hot-list-box-id">
            </ul>
        </div>
        <!--热销单品-->
        <a href="./b2c/goods/goodsList.html" class="viewMore">查看更多商品 >></a>




        <!--底部导航-->
        <div class="weui_tabbar" style="position:fixed">
            <a href="javascript:;" class="weui_tabbar_item active" onclick="returnHome()">
                <div class="weui_tabbar_icon">
                    <img src="./b2c/images/home/icon/icon_home_active.png" alt="">
                </div>
                <p class="weui_tabbar_label">首页</p>
            </a>
            <a href="b2c/shop/index.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="./b2c/images/home/icon/icon_shop.png" alt="">
                </div>
                <p class="weui_tabbar_label">购物车</p>
            </a>
            <a href="b2c/user/me.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="./b2c/images/home/icon/icon_me.png" alt="">
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
    <!--热销单品-->
    <script id="hotGoods-template" type="text/x-handlebars-template">
        {{#each data}}
        <li>
            <a class="hot-list-item" href="{{href}}">
                <img alt="" src="{{goodsImage}}" class="hot-list-item-img">
                <p class="hot-list-title">{{name}}</p>
                <p class="hot-list-hr"></p>
                <p class="hot-list-price"><label><i>￥</i>{{lowestPrice}}</label><span class="r-price r-price-{{goodsId}}"><del><i>￥</i>{{suggestedPrice}}</del></span>
                </p>
            </a>
        </li>
        {{/each}}
    </script>
</body>
<script src="./b2c/lib/ydui/ydui.js"></script>
<script src="./b2c/js/home/index.js"></script>
</html>